<extend file="template/web/default/common.html"/>
<block name="content">
	<img  src="{{__TEMPLATE__}}/images/01.jpg" style="display: block;margin: 0 auto;width: 75%"/>
	<!--大区域-->
	<div class="main">
		<!--左侧-->
		<div class="left">
			<!--面包屑导航-->
			<p class="position">
				<span>当前位置：</span>
				<a href="/">首页</a>
				»
				<a href="/c/{{$cms_field['cate_id']}}.html">{{$cms_field['cate_name']}}</a>
			</p>
			<!--推荐信息-->
			<img src="{{__TEMPLATE__}}/images/01.jpg" id="shadow" />
			<!--这个轮播图非常聪明，只需要向ul里遍历li数据即可。其他的事情js帮你搞定-->
			<div id="factory">
				<div class="line"></div>
				<img src="{{__TEMPLATE__}}/images/sltil.jpg" class="title" />
				<img src="{{__TEMPLATE__}}/images/ico_l01.jpg" class="icon1" />
				<img src="{{__TEMPLATE__}}/images/ico_r01.jpg" class="icon2" />
				<div class="center">
					<ul>
						<arclist thumb="1">
							<li>
								<img src="{{$field['arc_thumb']}}" />
								<a href="{{$field['url']}}">{{$field['arc_title']}}</a>
							</li>
						</arclist>
					</ul>
				</div>
			</div>
			<!--推荐信息结束-->

			<div class="box">
				<h2>nginx相关</h2>
				<ul>
					<arclist cid="1">
						<li>
							<a href="">{{$field['arc_title']}}</a>
							<span class="time">{{dateFormat('Y年m月d日',$field['created_at'])}}</span>
						</li>
					</arclist>

				</ul>
			</div>

			<div class="box">
				<h2>linux相关</h2>
				<ul>
					<arclist cid="6">
						<li>
							<a href="">{{$field['arc_title']}}</a>
							<span class="time">{{$field['created_at']}}</span>
						</li>
					</arclist>

				</ul>
			</div>
		</div>
		<!--左侧结束-->


		<!--右侧-->
		<div class="right">
			<h3>技术浏览</h3>
			<dl>
				<dt><a href="">php相关</a></dt>
				<arclist cid="1">
					<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>
				</arclist>
			</dl>
			<dl>
				<dt><a href="">linux相关</a></dt>
				<arclist cid="7">
					<dd><a href="{{$field['url']}}">{{$field['arc_title']}}</a></dd>
				</arclist>
			</dl>
		</div>
		<!--右侧结束-->
	</div>
	<!--大区域结束-->

</block>